<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/scripts/jquery-1.7.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/scripts/jquery.kwicks-1.5.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/pages/web/index.js"></script>
<link href="${pageContext.request.contextPath}/pages/css/web.css"
	rel="stylesheet" type="text/css" />
<!-- 参考http://www.lecafeshop.co.uk/ -->
</head>
<body class="home">
	<!-- 布局结构 -->
	<noscript>请开启浏览器javascript</noscript>
	<div id="overarchingContainer">
		<div class="container_1">
			<div id="brandingTop" class="grid_1">
				<div id="logo">
					<img src="${pageContext.request.contextPath}/pages/css/web/hot.jpg"
						alt="" />
				</div>
				<!-- #logo -->
				<div id="userSpace">
					<div style="left: 700px; width: 300px; position: absolute;">
						<nav>
						<ul class="group">
							<li><s:a action="webview!index" namespace="/web">首页 </s:a></li>
							<li><s:a action="customer!index" namespace="/web">个人中心 </s:a>
							</li>
							<li><a href="help.jsp">帮助</a></li>
						</ul>
						</nav>
					</div>
				</div>
				<!-- #userSpace -->
				<!--  <div
					style="border: 1px solid green; width: 200px; height: 200px; position: absolute; left: 750px; top: 50px;">
					常规信息</div>  -->
			</div>
			<!-- #"brandingTop" -->
			<div class="clear"></div>
			<!-- #contentbg -->
			<div id="contentWrapper" style="width: 100%;">
				<div id="content">
					<div id="menu"
						style="float: left; width: 202px;margin-top:5px;background: #FDE4BB url(${pageContext.request.contextPath}/pages/css/web/bg_menu.gif) no-repeat bottom;">
						<h2 class="clearfix"
							style="width: 202px; height: 28px; background: url(${pageContext.request.contextPath}/pages/css/web/mune_bg_top.jpg) no-repeat top; font-size: 15px; color: #FBF200;">
							<span class="left"
								style="line-height: 28px; padding-left: 20px; padding-top: 10px">菜单</span>
						</h2>
						<ul id="productCategory">
							<s:iterator value="productCategories" status="rowstatus">
								<s:if test="#rowstatus.index%2==0">
									<li class='double'>
								</s:if>
								<s:else>
									<li>
								</s:else>
								<s:a action="webview!viewProductByCategory" namespace="/web">
									<s:param name="productCategory.id" value="id"></s:param>
									<s:property value="name" />
								</s:a>
								</li>
							</s:iterator>
						</ul>
						<!-- #productCategory -->
					</div>
					<div
						style="border: #aaaaaa 3px solid; margin-left: 2px; display: inline; width: 600px; float: left">
						<ul class="kwicks">
							<li id="kwick1"><img height="150px"
								src="${pageContext.request.contextPath}/pages/web/test/1.jpg" />
							</li>
							<li id="kwick2"><img height="150px"
								src="${pageContext.request.contextPath}/pages/web/test/2.jpg" />
							</li>
							<li id="kwick3"><img height="150px"
								src="${pageContext.request.contextPath}/pages/web/test/3.jpg" />
							</li>
						</ul>
					</div>

					<div id="loginDiv"
						style="border: #cccccc 2px solid; float: left; width: 130px">
						<s:if test="null!=#session.customerLogin">
							<h2>会员管理</h2>
							<hr />
							会员 <s:property value="%{customer.name}" />，您好！<br />
							<s:a action="customer!form" namespace="/web">
								<s:param name="customer.id" value="%{customer.id}"></s:param> 修改信息</s:a>
							<br />
							<s:a action="customer!listOrder" namespace="/web">
								<s:param name="customer.id" value="%{customer.id}"></s:param> 查看订单</s:a>
						</s:if>
						<s:else>
							<s:form action="webview!login" namespace="/web" method="post">
								<s:hidden name="goPage" value="index_template_02.jsp"></s:hidden>
								<h2>登录</h2>
								<hr />
								<s:if test="hasActionErrors()">
									<div class="errors">
										<s:actionerror />
									</div>
								</s:if>
							用户名：<br />
								<s:textfield key="customer.username" autocomplete="off"
									style="width:120px" theme="simple" />
							密码：<br />
								<s:password key="customer.password" theme="simple"
									style="width:120px"></s:password>
								<br />
								<div>
									<a href="#">注册账户</a>
								</div>
								<div>
									<s:submit></s:submit>
								</div>

							</s:form>
						</s:else>
					</div>
					<!-- #loginDiv -->
					<div id=""
						style="border: red 2px solid; float: left; width: 600px; height: 200px"></div>
				</div>
				<!-- #content -->
				<div id="sidebar"></div>
				<!-- #sidebar -->
			</div>
			<!-- #contentWrapper -->
		</div>
		<!-- .container_1 -->


		<div class="clear"></div>
		<!-- .clear -->

		<div id="footer">
			<div id="footerEdge">
				<div class="footernews clearfix">
					<div class="left" style="position: relative;">
						<a href="Law/law.jsp" target="_blank">法律条款&nbsp;Legal</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
							href="Policy/policy.jsp" target="_blank">隐私条款&nbsp;Privacy
							policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="contactus/contactus.jsp"
							target="_blank">联系我们&nbsp;Contact Us</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
							href="javascript:void(0);" onmouseover="showJoin('1');"
							onmouseout="showJoin('0');" style="text-decoration: none;">加入我们
							Join Us</a>
						<div id="kfcjoin01"
							style="display: none; position: absolute; top: 0; left: 455px; width: 180px;">
							<a href="" onmouseover="showJoin('1');"
								onmouseout="showJoin('0');" style="text-decoration: none;">&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a><a
								href="http://MTCareer.4008123123.com.cn" target="_blank"
								onmouseover="showJoin('1');" onmouseout="showJoin('0');">餐厅储备经理</a><a
								href="" onmouseover="showJoin('1');" onmouseout="showJoin('0');"
								style="text-decoration: none;">&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a><a
								href="http://CrewCareer.4008123123.com.cn" target="_blank"
								onmouseover="showJoin('1');" onmouseout="showJoin('0');">餐厅服务员</a>
						</div>
					</div>
				</div>
			</div>
			<!-- #footerEdge -->
			<div class="container980"></div>
			<!-- .container980 -->
		</div>
		<!-- #footer -->
	</div>
	<!-- # overarchingContainer-->
	<div class="shopCart">其实我是购物车</div>
</body>
</html>